import { defineComponent, h } from "vue";
const fill = "#17508a"; // 定义颜色

// 播放
export const PlaySvg = defineComponent({
  name: "PlaySvg",
  render() {
    return h(
      "svg",
      { viewBox: "0 0 1024 1024" },
      h("path", {
        d: "M512 76.8a435.2 435.2 0 1 1 0 870.4 435.2 435.2 0 0 1 0-870.4z m-22.6816 290.56a35.84 35.84 0 0 0-56.6784 29.184v230.8608c0 27.2896 28.928 43.9296 52.1216 32l4.5568-2.816 161.792-115.456a35.8912 35.8912 0 0 0 3.584-55.552l-3.584-2.816-161.792-115.4048z",
        fill
      })
    );
  }
});

// 暂停
export const PauseSvg = defineComponent({
  name: "PauseSvg",
  render() {
    return h(
      "svg",
      { viewBox: "0 0 1024 1024" },
      h("path", {
        d: "M512 42.666667C252.793333 42.666667 42.666667 252.793333 42.666667 512s210.126667 469.333333 469.333333 469.333333 469.333333-210.126667 469.333333-469.333333S771.206667 42.666667 512 42.666667z m106.666667 682.666666a21.333333 21.333333 0 0 1-21.333334-21.333333V320a21.333333 21.333333 0 0 1 42.666667 0v384a21.333333 21.333333 0 0 1-21.333333 21.333333z m-213.333334 0a21.333333 21.333333 0 0 1-21.333333-21.333333V320a21.333333 21.333333 0 0 1 42.666667 0v384a21.333333 21.333333 0 0 1-21.333334 21.333333z",
        fill
      })
    );
  }
});

// 继续播放
export const ResumeSvg = defineComponent({
  name: "ResumeSvg",
  render() {
    return h("svg", { viewBox: "0 0 1024 1024" }, [
      h("path", {
        d: "M512 976.896c-256.512 0-464.896-208.384-464.896-464.896S255.488 47.104 512 47.104s464.896 208.384 464.896 464.896-208.384 464.896-464.896 464.896z m0-852.992c-214.016 0-388.096 174.08-388.096 388.096s174.08 388.096 388.096 388.096 388.096-174.08 388.096-388.096-174.08-388.096-388.096-388.096z",
        fill
      }),
      h("path", {
        d: "M323.072 660.48c-4.608 3.072-10.24 5.12-15.872 4.608-14.848 0.512-27.136-10.752-27.648-25.6V371.2c0-5.632 2.048-10.752 5.12-14.848 9.728-11.264 26.112-13.824 38.4-5.632l200.704 134.144c2.56 1.536 4.608 3.584 6.656 5.632 8.192 10.24 6.144 25.6-4.096 33.792-0.512 0.512-1.536 1.024-2.56 1.536L323.072 660.48z",
        fill
      }),
      h("path", {
        d: "M579.072 660.48c-4.608 3.072-10.24 5.12-15.872 4.608-14.848 0.512-27.136-10.752-27.648-25.6V371.2c0-5.632 2.048-10.752 5.12-14.848 9.728-11.264 26.112-13.824 38.4-5.632l201.216 134.144c2.56 1.536 4.608 3.584 6.656 5.632 8.192 10.24 6.144 25.6-4.096 33.792-0.512 0.512-1.536 1.024-2.56 1.536L579.072 660.48z",
        fill
      })
    ]);
  }
});

// 重置
export const ResetSvg = defineComponent({
  name: "ResetSvg",
  render() {
    return h("svg", { viewBox: "0 0 1024 1024" }, [
      h("path", {
        d: "M512 936a424.1 424.1 0 0 1-165.05-814.66 424.1 424.1 0 0 1 330.1 781.33A421.38 421.38 0 0 1 512 936z m0-768c-189.68 0-344 154.32-344 344s154.32 344 344 344 344-154.32 344-344-154.32-344-344-344z",
        fill
      }),
      h("path", {
        d: "M349.75 349.75m57.15 0l210.2 0q57.15 0 57.15 57.15l0 210.2q0 57.15-57.15 57.15l-210.2 0q-57.15 0-57.15-57.15l0-210.2q0-57.15 57.15-57.15Z",
        fill
      })
    ]);
  }
});

// 向上箭头
export const UpSvg = defineComponent({
  name: "UpSvg",
  render() {
    return h("svg", { viewBox: "0 0 1024 1024" }, [
      h("path", {
        d: "M896 768l-80.896 0-131.072 0-155.648 0-159.744 0-141.312 0-100.352 0q-24.576 0-39.936-11.264t-20.992-28.672-0.512-38.4 22.528-41.472q37.888-40.96 79.872-86.016t86.016-91.136l86.016-92.16q44.032-46.08 83.968-89.088 18.432-19.456 44.032-28.672t52.736-8.704 53.248 11.776 45.568 31.744q70.656 73.728 147.456 159.744t160.768 184.32q19.456 23.552 26.624 46.592t2.56 40.96-20.48 29.184-40.448 11.264z",
        fill
      })
    ]);
  }
});

// 向下箭头
export const DownSvg = defineComponent({
  name: "DownSvg",
  render() {
    return h("svg", { viewBox: "0 0 1024 1024" }, [
      h("path", {
        d: "M325.456471 862.280661",
        fill
      }),
      h("path", {
        d: "M882.057788 862.280661",
        fill
      }),
      h("path", {
        d: "M236.028491 877.160382",
        fill
      }),
      h("path", {
        d: "M960.132455 877.160382",
        fill
      }),
      h("path", {
        d: "M63.683483 788.736998",
        fill
      }),
      h("path", {
        d: "M63.683483 788.736998",
        fill
      }),
      h("path", {
        d: "M64.77753 858.792098",
        fill
      }),
      h("path", {
        d: "M163.396533 289.168875c-40.577772 0-66.525252 54.184545-35.441258 85.258218L477.217578 723.704878c20.031716 20.031716 49.823841 20.031716 69.853837 0l349.274345-349.277785c30.304744-30.294423 6.677812-85.258218-34.928639-85.258218L163.396533 289.168875 163.396533 289.168875z",
        fill
      })
    ]);
  }
});
